<template>
  <div>
    <!-- 使用过滤器 
    格式化文本
    过滤本质是个函数 传递进去需要转换的值，返回一个处理后的值
    局部 在组建里注册 -->

    <p>{{msg | toUp}}</p>
    <!-- 坑1 过滤器 可以在js中当函数使用 -->
    <!-- <p>{{msg | toUp1}}</p> -->
    <!-- <p v-bind:title="msg1 | tolow" ></p> -->
    
    <p :title="msg1 | tolow" >ssssssssss</p>

    <h1>{{msg2}}</h1>

    <h1>{{msg2 | tolow | toto}}</h1>


  </div>
</template>

<script>
export default {
  name: 'VueliDemoApp',
  filters: {
    toUp(val){
      return val.toUpperCase()
    },
    toto(val){
      return val.split('').reverse().join('')
    }
  },
  data() {
    return {
      msg:"ttttt",
      msg1:"HHHHHHHHHH",
      msg2:"HELLOWORDE"
    }
  },

  mounted() {},

  methods: {},
}
</script>

<style lang="scss" scoped>
</style>